<template>
  <div>
    <!-- 
      数据 管道符 | 过滤器
      过滤器的使用是在插值语法中,在数据后添加一个管道符,后边书写过滤器
      如果过滤器不需要传参,则直接书写过滤器名称即可
      如果过滤需要传参,则直接传参
      插值语法中如果有过滤器,则插值语法展示的其实是过滤器函数的返回值
     -->
    <p>商品价格是{{ count | filterCount }}</p>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      count: 1,
    };
  },
  // 过滤器
  filters: {
    /* 
      局部注册过滤器通过filters配置项定义
        - 过滤器的第一个参数是被过滤的数据
        - 过滤器后边的参数是 在调用过滤器时传入的参数
    */
    filterCount(prive) {
      return "$" + prive;
    },
  },
};
</script>

<style></style>
